<template>
    <el-main>
        <el-row :gutter="20">
            <el-col :span="7" class="mian-aside">
                <el-card class="box-card">
                    <span class="title-blod">我的创作</span>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('personal')" :class="type==='personal' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-s-custom" style="font-size: 18px;"></i> 基本资料</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('blog')" :class="type==='blog' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-notebook-1" style="font-size: 18px;"></i> 我的博文</span>
                        <span class="num-tag">{{personNums.blog}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('question')" :class="type==='question' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-question" style="font-size: 18px;"></i> 我的问题</span>
                        <span class="num-tag">{{personNums.question}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('link')" :class="type==='link' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-link" style="font-size: 18px;"></i> 我的链接</span>
                        <span class="num-tag">{{personNums.link}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('discuss')" :class="type==='discuss' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-chat-round" style="font-size: 18px;"></i> 我的讨论</span>
                        <span class="num-tag">{{personNums.discuss}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('topic')" :class="type==='topic' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-s-grid" style="font-size: 18px;"></i> 我的话题</span>
                        <span class="num-tag">{{personNums.topic}}</span>
                    </div>
                    <el-divider></el-divider>
                </el-card>

                <el-card class="box-card">
                    <span class="title-blod">我的互动</span>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('answer')" :class="type==='answer' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-chat-round" style="font-size: 18px;"></i> 我的回复</span>
                        <span class="num-tag">{{personNums.answer}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('collection')" :class="type==='collection' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-star-off" style="font-size: 18px;"></i> 我的收藏</span>
                        <span class="num-tag">{{personNums.collection}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('followed')" :class="type==='followed' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-picture-outline-round" style="font-size: 18px;"></i> 我关注的</span>
                        <span class="num-tag">{{personNums.followed}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('favourited')" :class="type==='favourited' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-help" style="font-size: 18px;"></i> 我喜欢的</span>
                        <span class="num-tag">{{personNums.favourited}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('feedback')" :class="type==='feedback' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-s-promotion" style="font-size: 18px;"></i> 我的反馈</span>
                    </div>
                    <el-divider></el-divider>
                </el-card>

                <el-card class="box-card">
                    <span class="title-blod">我的关系</span>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('follower')" :class="type==='follower' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-view" style="font-size: 18px;"></i> 我的关注</span>
                        <span class="num-tag">{{personNums.follower}}</span>
                    </div>
                    <el-divider></el-divider>
                    <div @click="handlerCommand('fance')" :class="type==='fance' ? 'title-tag-check' : 'title-tag'">
                        <span><i class="el-icon-s-opportunity" style="font-size: 18px;"></i> 我的粉丝</span>
                        <span class="num-tag">{{personNums.fance}}</span>
                    </div>
                    <el-divider></el-divider>
                </el-card>
            </el-col>
            <el-col :span="17">
                <el-card v-if="type === 'follower'" class="box-card" style="min-height: 200px;">
                    <h3>我关注的用户({{page.total}})</h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="24">
                            <div class="title-cusor" @click="showFFDetail(item.user_id)">
                                <avue-avatar size="large" :src="item.avatar"></avue-avatar>
                                &nbsp;
                                <el-link type="primary">{{item.nickname}}</el-link>
                            </div>
                        </el-col>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="暂无关注用户">
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'fance'" class="box-card" style="min-height: 200px;">
                    <h3>我的粉丝用户({{page.total}})</h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="24">
                            <div class="title-cusor" @click="showFFDetail(item.follower_id)">
                                <avue-avatar size="large" :src="item.avatar"></avue-avatar>
                                &nbsp;
                                <el-link type="primary">{{item.nickname}}</el-link>
                            </div>
                        </el-col>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有粉丝">
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'blog'" class="box-card" style="min-height: 200px;">
                    <h3>我的博文({{page.total}})
                    <span class="crd-btn"><el-button @click="goCrd" size="small" type="success" round><i class="el-icon-edit-outline"></i> 新建博文</el-button></span>
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.favourite_count}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                        <div>
                            <span style="display: inline-block;padding-top: 20px;">
                                <label style="color: #303133;">评论状态</label>
                                <el-switch v-model="item.close_comment === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                                &nbsp;&nbsp;
                                <label style="color: #303133;">游客状态</label>
                                <el-switch v-model="item.is_guest_view === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                            </span>
                            <span style="display: inline-block;padding-top: 15px;float: right;">
                                <el-button @click="Qedit(item)" size="mini" type="primary" icon="el-icon-edit" circle></el-button>
                                <el-button @click="Qremove(item)" size="mini" type="danger" icon="el-icon-delete" circle></el-button>
                            </span>
                        </div>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有创建任何博文,赶紧去创建一个吧!">
                        <el-button @click="goCrd" type="success" round><i class="el-icon-edit-outline"></i> 新建博文</el-button>
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'question'" class="box-card" style="min-height: 200px;">
                    <h3>我的问题({{page.total}})
                    <span class="crd-btn"><el-button @click="goCrd" size="small" type="success" round><i class="el-icon-question"></i> 提个问题</el-button></span>
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.favourite_count}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                        <div>
                            <span style="display: inline-block;padding-top: 20px;">
                                <label style="color: #303133;">评论状态</label>
                                <el-switch v-model="item.close_comment === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                                &nbsp;&nbsp;
                                <label style="color: #303133;">游客状态</label>
                                <el-switch v-model="item.is_guest_view === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                            </span>
                            <span style="display: inline-block;padding-top: 15px;float: right;">
                                <el-button @click="Qedit(item)" size="mini" type="primary" icon="el-icon-edit" circle></el-button>
                                <el-button @click="Qremove(item)" size="mini" type="danger" icon="el-icon-delete" circle></el-button>
                            </span>
                        </div>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有提过任何问题">
                        <el-button @click="goCrd" type="success" round><i class="el-icon-question"></i> 提个问题</el-button>
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'link'" class="box-card" style="min-height: 200px;">
                    <h3>我的链接({{page.total}})
                    <span class="crd-btn"><el-button @click="goCrd" size="small" type="success" round><i class="el-icon-link"></i> 分享链接</el-button></span>
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.favourite_count}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                        <div>
                            <span style="display: inline-block;padding-top: 20px;">
                                <label style="color: #303133;">评论状态</label>
                                <el-switch v-model="item.close_comment === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                                &nbsp;&nbsp;
                                <label style="color: #303133;">游客状态</label>
                                <el-switch v-model="item.is_guest_view === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                            </span>
                            <span style="display: inline-block;padding-top: 15px;float: right;">
                                <el-button @click="Qedit(item)" size="mini" type="primary" icon="el-icon-edit" circle></el-button>
                                <el-button @click="Qremove(item)" size="mini" type="danger" icon="el-icon-delete" circle></el-button>
                            </span>
                        </div>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有分享任何链接">
                        <el-button @click="goCrd" type="success" round><i class="el-icon-link"></i> 分享链接</el-button>
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'discuss'" class="box-card" style="min-height: 200px;">
                    <h3>我的讨论({{page.total}})
                    <span class="crd-btn"><el-button @click="goCrd" size="small" type="success" round><i class="el-icon-chat-round"></i> 发起讨论</el-button></span>
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.favourite_count}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                        <div>
                            <span style="display: inline-block;padding-top: 20px;">
                                <label style="color: #303133;">评论状态</label>
                                <el-switch v-model="item.close_comment === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                                &nbsp;&nbsp;
                                <label style="color: #303133;">游客状态</label>
                                <el-switch v-model="item.is_guest_view === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                            </span>
                            <span style="display: inline-block;padding-top: 15px;float: right;">
                                <el-button @click="Qedit(item)" size="mini" type="primary" icon="el-icon-edit" circle></el-button>
                                <el-button @click="Qremove(item)" size="mini" type="danger" icon="el-icon-delete" circle></el-button>
                            </span>
                        </div>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有创建任何讨论话题">
                        <el-button @click="goCrd" type="success" round><i class="el-icon-chat-round"></i> 发起讨论</el-button>
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'topic'" class="box-card" style="min-height: 200px;">
                    <h3>我的话题({{page.total}})
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <el-tag>{{item.catesShow}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.favourite_count}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                        <div>
                            <span style="display: inline-block;padding-top: 20px;">
                                <label style="color: #303133;">评论状态</label>
                                <el-switch v-model="item.close_comment === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                                &nbsp;&nbsp;
                                <label style="color: #303133;">游客状态</label>
                                <el-switch v-model="item.is_guest_view === 1 ? true : false" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
                            </span>
                            <span style="display: inline-block;padding-top: 15px;float: right;">
                                <el-button @click="Qedit(item)" size="mini" type="primary" icon="el-icon-edit" circle></el-button>
                                <el-button @click="Qremove(item)" size="mini" type="danger" icon="el-icon-delete" circle></el-button>
                            </span>
                        </div>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有创建任何讨论话题">
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'answer'" class="box-card" style="min-height: 200px;">
                    <h3>我的回复({{page.total}})
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <el-tag>{{item.catesShow}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.favourite_count}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0">
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'collection'" class="box-card" style="min-height: 200px;">
                    <h3>我的收藏博文({{page.total}})</h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.collections}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="暂无收藏">
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'followed'" class="box-card" style="min-height: 200px;">
                    <h3>我关注的({{page.total}})
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <el-tag>{{item.catesShow}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.favourite_count}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有关注任何话题">
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'favourited'" class="box-card" style="min-height: 200px;">
                    <h3>我喜欢的({{page.total}})
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor" @click="showDetail(item.id, item.user_id)">
                                <el-tag>{{item.topic}}</el-tag>
                                <el-tag>{{item.catesShow}}</el-tag>
                                <span>{{item.title}}</span><span v-if="item.lead !==''"> - {{item.lead}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <el-tag><i class="el-icon-star-on"></i>{{item.favourite_count}}</el-tag>
                            <el-divider direction="vertical"></el-divider>
                            <el-tooltip class="item" effect="light" :content="`关注(${item.followers_count}) / 评论(${item.answers_count}) / 喜欢(${item.favourite_count}) / 阅读(${item.read_count}) / 创建于：${item.created_at}`" placement="bottom">
                                <span>{{item.timeShow}}</span>
                            </el-tooltip>
                        </el-col>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有喜欢话题">
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'feedback'" class="box-card" style="min-height: 200px;">
                    <h3>我的反馈({{page.total}})
                    <span class="crd-btn"><el-button @click="goCrd" size="small" type="success" round><i class="el-icon-s-promotion"></i> 建议反馈</el-button></span>
                    </h3>
                    <el-divider></el-divider>
                    <el-row v-for="item in cardListData" :key="item.id" class="question-box" style="border-bottom: #c0c4cc 1px solid;color: #606266;font-size: 14px;">
                        <el-col :span="17">
                            <div class="title-cusor">
                                <el-tag v-if="item.status === 0">受理中</el-tag>
                                <el-tag style="color: #67C23A;" v-if="item.status === 1">已接受反馈</el-tag>
                                <el-tag style="color: #F56C6C;" v-if="item.status === 2">不予处理</el-tag>
                                <span>{{item.type}}</span>
                                <span style="color: #909399;" v-if="item.deal_message !==''"> - 处理意见：{{item.deal_message}}</span>
                                <span style="color: #909399;" v-if="item.deal_message !==''"> - 处理时间：{{item.deal_at}}</span>
                            </div>
                        </el-col>
                        <el-col :span="7" style="text-align: right;">
                            <span style="display: inline-block;margin-top: 10px;">{{item.created_at}}</span>
                        </el-col>
                    </el-row>
                    <avue-empty v-if="cardListData.length === 0" desc="您还没有提过任何建议反馈,去提一个!">
                        <el-button @click="goCrd" type="success" round><i class="el-icon-s-promotion"></i> 建议反馈</el-button>
                    </avue-empty>
                    <el-pagination
                        @current-change="handleCurrentChange"
                        :hide-on-single-page=true
                        prev-text="上一页"
                        next-text="下一页"
                        :current-page="page.currentPage"
                        :page-size="page.pageSize"
                        :page-count="page.total"
                        :total="page.total">
                    </el-pagination>
                </el-card>

                <el-card v-if="type === 'personal'" class="box-card" style="min-height: 200px;">
                    <el-tabs type="border-card" v-model="activeTab" @tab-click="handlePersoalClick">
                        <el-tab-pane name="pinfo">
                            <span slot="label"><i class="el-icon-s-grid"></i> 个人信息</span>
                            <avue-form ref="form" v-model="personalObj" :option="option" @reset-change="resetChange"
                                @submit="submitSave" :upload-preview="uploadPreview" :upload-error="uploadError"
                                :upload-before="uploadBefore" :upload-after="uploadAfter">
                            </avue-form>
                        </el-tab-pane>
                        <el-tab-pane name="pbind">
                            <span slot="label"><i class="el-icon-mobile-phone"></i> 账号绑定</span>
                            <avue-empty desc="暂未开放,敬请期待"></avue-empty>
                        </el-tab-pane>
                        <el-tab-pane name="pset">
                            <span slot="label"><i class="el-icon-setting"></i> 我的设置</span>
                            <avue-empty desc="暂未开放,敬请期待"></avue-empty>
                        </el-tab-pane>
                        <el-tab-pane name="ppwd">
                            <span slot="label"><i class="el-icon-lock"></i> 修改密码</span>

                            <el-form status-icon :rules="pwdRules" ref="pwd" :model="optionPwd" label-width="100px">
                                <el-form-item label="原密码" prop="originpwd">
                                    <el-input size="small" :type="passwordType" v-model="optionPwd.originpwd" auto-complete="off">
                                        <i slot="prefix" class="el-icon-lock"></i>
                                    </el-input>
                                </el-form-item>
                                <el-form-item label="新密码" prop="password">
                                    <el-input size="small" :type="passwordType" v-model="optionPwd.password"
                                        auto-complete="off">
                                        <i slot="prefix" class="el-icon-lock"></i>
                                    </el-input>
                                </el-form-item>
                                <el-form-item label="确认密码" prop="password_confirmation">
                                    <el-input size="small" :type="passwordType" v-model="optionPwd.password_confirmation"
                                        auto-complete="off">
                                        <i slot="prefix" class="el-icon-lock"></i>
                                    </el-input>
                                </el-form-item>
                                <el-form-item>
                                    <el-button type="primary" size="small" @click.native.prevent="submitPwdSave" class="login-submit">确认修改</el-button>
                                    <el-button size="small" @click="resetPwdChange">重 置</el-button>
                                </el-form-item>
                            </el-form>

                        </el-tab-pane>
                    </el-tabs>
                </el-card>
            </el-col>
        </el-row>
    </el-main>
</template>

<script>
    import {
        getToken, removeToken
    } from '../../../util/auth'
    export default {
        inject: ['reload'],
        data() {
            return {
                optionPwd: {
                    originpwd: '',
                    password: '',
                    password_confirmation: '',
                },
                pwdRules: {
                    originpwd: [{
                        required: true,
                        message: "原密码不能为空",
                        trigger: "blur"
                    }],
                    password: [{
                        required: true,
                        message: "新密码不能为空",
                        trigger: "blur",
                    }],
                    password_confirmation: [{
                        required: true,
                        message: "确认密码不能为空",
                        trigger: "blur",
                    }],
                },
                passwordType: 'password',
                activeTab: 'pinfo',
                sizeValue: 'mini',
                personalObj: {},
                personalSettingKeys: {},
                personalExtraOption: [],
                zhihuUserInfo: null,
                type: 'personal',
                personNums: {
                    blog: 0,
                    question: 0,
                    link: 0,
                    discuss: 0,
                    topic: 0,
                    answer: 0,
                    collection: 0,
                    followed: 0,
                    favourited: 0,
                    follower: 0,
                    fance: 0
                },
                cardListData: [],
                page: {
                    currentPage: 1,
                    total: 0,
                    pageSize: 10
                },
            }
        },
        computed: {
            option() {
                return {
                    size: this.sizeValue,
                    submitSize: this.sizeValue,
                    submitText: '应用修改',
                    printBtn: true,
                    labelWidth: 120,
                    column: [{
                        label: "用户名",
                        prop: "name",
                        type: 'text',
                        span: 24,
                        row: true,
                        disabled: true,
                        readonly: true,
                    }, {
                        label: "邮箱",
                        prop: "email",
                        type: 'text',
                        span: 24,
                        row: true,
                        disabled: true,
                        readonly: true,
                    }, {
                        label: "昵称",
                        prop: "nickname",
                        type: 'text',
                        span: 24,
                    }, {
                        label: "用户头像",
                        prop: "avatar",
                        span: 24,
                        type: 'upload',
                        listType: 'picture-img',
                        propsHttp: {
                            res: 'data'
                        },
                        loadText: '附件上传中，请稍等',
                        tip: '只能上传jpg/png文件，且不超过2M',
                        action: "/api/zhihu/imageUpload"
                    }]
                }
            }
        },
        mounted() {
            if (localStorage.getItem('zhihuUserInfo') && localStorage.getItem('zhihuUserInfo') !== 'null' && getToken()) {
                this.zhihuUserInfo = JSON.parse(localStorage.getItem('zhihuUserInfo'))
            }
            this.getPersonalTotalNums()
        },
        created() {
            this.getPersonalSettingKeys()
        },
        methods: {
            handlePersoalClick(tab, event) {
                this.activeTab = tab.name
            },
            setCurrentUser(isRefresh) {
                this.personalObj = {}
                let zhihuUserInfo = JSON.parse(localStorage.getItem('zhihuUserInfo'))
                this.personalObj = zhihuUserInfo
                if (this.personalObj.settings === null || this.personalObj === "null") {
                    this.personalSettingKeys.forEach(item => {
                        this.personalObj[item] = ""
                    })
                } else {
                    Object.keys(this.personalObj.settings).forEach((item, index) => {
                        this.personalObj[item] = this.personalObj.settings[item]
                    })
                }
                if (isRefresh !== true) {
                    Object.keys(this.personalExtraOption).forEach((item, index) => {
                        let tempColumn = {
                            label: this.personalExtraOption[item],
                            prop: item,
                            type: 'text',
                            span: 24
                        }
                        this.option.column.push(tempColumn)
                    })
                }
            },
            getPersonalSettingKeys(isRefresh) {
                const _this = this
                const params = {}
                _this.axios.post(_this.$API.ZHIHUAPI.systemConfigGetting + "/personal", _this.qs.stringify(
                    params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        _this.personalSettingKeys = {}
                        _this.personalExtraOption = []
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.personalSettingKeys = Object.keys(res.data)
                            _this.personalExtraOption = res.data
                        }
                        this.setCurrentUser(isRefresh)
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })

                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                })
            },
            resetChange() {
                this.getPersonalSettingKeys(true)
            },
            submitSave() {
                const _this = this
                const params = _this.personalObj
                _this.axios.post(_this.$API.ZHIHUAPI.personalSettings, _this.qs.stringify(
                    params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'success'
                        })
                        localStorage.setItem('zhihuUserInfo', JSON.stringify(res.data))
                        _this.reload()
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })

                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                })
            },
            uploadBefore(file, done, loading, column) {
                done()
            },
            uploadError(error, column) {
                this.$message.success('上传失败')
            },
            uploadAfter(res, done, loading, column) {
                done()
            },
            uploadPreview(file, column, done) {
                done()
            },
            submitPwdSave() {
                const _this = this
                _this.$refs.pwd.validate(vaild=>{
                    if (vaild) {
                        const params = _this.optionPwd
                        _this.axios.post(_this.$API.ZHIHUAPI.changePassWord, _this.qs.stringify(
                            params)).then((res) => {
                            res = res.data
                            if (res.code === 10000) {
                                _this.$message({
                                    showClose: false,
                                    message: "修改密码成功，请重新登录！",
                                    type: 'success'
                                })
                                localStorage.setItem('zhihuUserInfo', null)
                                removeToken()
                                setTimeout(() => {
                                    _this.$router.push({
                                        path: '/'
                                    })
                                }, 1500)
                            } else {
                                _this.$message({
                                    showClose: false,
                                    message: res.message,
                                    type: 'error'
                                })
                                return false
                            }
                        }).catch(() => {
                            _this.$message({
                                showClose: false,
                                message: '网络连接失败，请重试！',
                                type: 'error'
                            })
                        })
                    }
                })
            },
            resetPwdChange() {
                this.$refs.pwd.resetFields();
            },
            handlerCommand(val) {
                this.type = val
                this.page.currentPage = 1
                this.page.total = 0
                this.page.pageSize = 10
                this.cardListData = []
                this[val]()
            },
            Qedit(item) {
                this.$router.push({path: `/customer/questionEdt/${item.id}`})
            },
            Qremove(item) {
                // 删除
                const params = {
                    id: item.id
                }
                var _this = this
                _this.$confirm('是否确认删除#' + item.title, '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(function() {
                    _this.axios.post(_this.$API.ZHIHUAPI.removeQustion, _this.qs.stringify(params)).then((res) => {
                        res = res.data
                        if (res.code === 10000) {
                            _this.$message({
                                showClose: false,
                                message: res.message,
                                type: 'success'
                            })
                            _this.getPersonalTotalNums()
                            _this.handlerCommand(_this.type)
                        } else {
                            _this.$message({
                                showClose: false,
                                message: res.message,
                                type: 'error'
                            })
                        }
                    }).catch(() => {})
                }).catch(() => {})
            },
            goCrd() {
                if (this.type === 'blog') {
                    this.$router.push({path: "/customer/blogsCrd"})
                } else if (this.type === 'discuss') {
                    this.$router.push({path: "/customer/discussCrd"})
                } else if (this.type === 'link') {
                    this.$router.push({path: "/customer/linksCrd"})
                } else if (this.type === 'question') {
                    this.$router.push({path: "/customer/questionsCrd"})
                } else if (this.type === 'feedback') {
                    this.$router.push({path: "/customer/adviseFeedback"})
                }
            },
            showDetail(question_id, user_id) {
                this.$router.push({path: `/question/${question_id}/${user_id}`})
            },
            showFFDetail(userId) {
                this.$router.push({path: `/custuser/${userId}`})
            },
            getPersonalTotalNums() {
                const _this = this
                const params = {
                    user_id: _this.zhihuUserInfo.id
                }
                _this.axios.post(_this.$API.ZHIHUAPI.getPersonalTotalNums, _this.qs.stringify(params)).then((
                    res) => {
                    res = res.data
                    // console.log(res)
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.personNums = res.data
                        }
                    }
                }).catch(() => {})
            },
            handleCurrentChange (currentPage) {
                this.page.currentPage = currentPage
                this[this.type]()
            },
            personal() {
                // 不能删
            },
            favourited() {
                const _this = this
                const params = {
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.myFavouriteQuestionList, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            followed() {
                const _this = this
                const params = {
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.myFollowerQuestionList, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            collection() {
                const _this = this
                const params = {
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.getCollectionList, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            answer() {
                const _this = this
                const params = {
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.myCommentQuestionList, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    // console.log(res)
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            topic() {
                const _this = this
                const params = {
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.listQuestion, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            discuss() {
                const _this = this
                const params = {
                    key: 'discuss',
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.listQuestion, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            link() {
                const _this = this
                const params = {
                    key: 'link',
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.listQuestion, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            question() {
                const _this = this
                const params = {
                    key: 'question',
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.listQuestion, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            blog() {
                const _this = this
                const params = {
                    key: 'blog',
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.listQuestion, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            fance() {
                const _this = this
                const params = {
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.followerFanceList, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    // console.log(res)
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            follower() {
                const _this = this
                const params = {
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                }
                _this.axios.post(_this.$API.ZHIHUAPI.followerList, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
            feedback() {
                const _this = this
                const params = {
                    page: _this.page.currentPage,
                    limit: _this.page.pageSize,
                    user_id: this.zhihuUserInfo.id
                }
                _this.axios.post(_this.$API.ZHIHUAPI.feedbackManagerList, _this.qs.stringify(params)).then((res) => {
                    res = res.data
                    console.log(res)
                    if (res.code === 10000) {
                        if (res.hasOwnProperty('data') && Object.keys(res.data).length > 0) {
                            _this.cardListData = res.data.list
                            _this.page.total = res.data.count
                        } else {
                            _this.cardListData = []
                            _this.page.total = 0
                        }
                    } else {
                        _this.$message({
                            showClose: false,
                            message: res.message,
                            type: 'error'
                        })
                        _this.cardListData = []
                        _this.page.total = 0
                    }
                }).catch(() => {
                    _this.$message({
                        showClose: false,
                        message: '网络连接失败，请重试！',
                        type: 'error'
                    })
                    _this.cardListData = []
                    _this.page.total = 0
                })
            },
        }
    }
</script>

<style scoped>
    .num-tag {
        display: inline-block;
        float: right;
    }
    .title-tag {
        color: #636b6f;
        padding: 3px;
        font-weight: 400;
        opacity: .9;
        cursor: pointer;
    }
    .title-tag-check {
        color: #636b6f;
        padding: 3px;
        font-weight: 400;
        opacity: .9;
        cursor: pointer;
        color: #409EFF;
        background-color: #C0C4CC;
    }
    .title-tag:hover {
        color: #409EFF;
        background-color: #DCDFE6;
    }
    .title-blod {
        font-weight: 700;
        color: #a5a5a5!important;
        font-size: 1rem!important;
    }
    .crd-btn {
        display: inline-block;
        float: right;
    }
    .title-cusor {
        cursor: pointer;
    }
    .title-cusor:hover {
        color: #409EFF;
    }
</style>
